<template>
    <div class="four">
        <h3>标签</h3>
        <p>HTML是一种用来告知浏览器如何组织页面的<strong>标记语言</strong>，因此需要一些标记符号来标记内容，以便让浏览器知道该怎样显示这段内容。</p>
        <p>一对标签（ tags）可以为一段文字或者一张图片添加超链接，将文字设置为斜体，改变字号，等等，例如</p>
        <p>我们使用<code>&lt;h1&gt;Hello HTML&lt;/h1&gt;</code>将代码重新改写，查看浏览器的对比</p>\<p><img src="http://by-courses.oss-cn-hangzhou.aliyuncs.com/%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%E5%85%A5%E9%97%A8/FirstHtml/image/image-20200718173046857.png" alt="image-20200718173046857"></p>
        <p><code>&lt;h1&gt;&lt;/h1&gt;</code>就是标签，用来告知浏览器标签中的内容为一个标题，标题元素可用于指定内容的标题和子标题。就像一本书的书名、每章的大标题、小标题，等。HTML 文档也是一样。HTML 包括六个级别的标题，<code>&lt;h1&gt;-&lt;h6&gt;</code>，一般最多用到 3-4 级标题。</p>
        <p>我们将标签连同内部包裹的字符一起成为元素。说明如下</p>
    </div>
</template>
<script>

export default ({
    name:'four',
    data(){
        return{
        }
    },
    methods:{
    }
})
</script>
<style scoped>

.four{
    width: 70%;
    height: 600px;
    color: black;
    margin: 40px auto;
    font-size: 12px;
    overflow: scroll;
}
.four img{
    width: 90%;
}
</style>
